<template>
  <a-row justify="center">
    <a-col :xs="{ span: 22 }" :sm="{ span: 21 }" :md="{ span: 19 }" :lg="{ span: 14 }" :xxl="{ span: 12 }">
      <slot name="CenterBase"></slot>
    </a-col>
  </a-row>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { Row, Col } from 'ant-design-vue'
export default defineComponent({
  name: 'CenterBase',
  components: {
    ARow: Row,
    ACol: Col
  }
})
</script>

<style scoped>

</style>
